<template>
    <div class="page-wrap">
        <div class="content-box">
            <!-- 左侧图片 -->
            <div class="bg-box"></div>
            <!-- 右侧内容 -->
             <div class="right-box">
                <h2>对不起，您访问的页面不存在或者您无权限访问！</h2>
                <el-row>
                    <el-button type="success" @click="goPage('dashboard')">返回主页</el-button>
                    <el-button type="primary" @click="goPage('login')">返回登录页</el-button>
                </el-row>
             </div>
        </div>
    </div>
</template>

<script>
export default{
    name: 'not_found',
    data(){
        return {}
    },
    methods: {
        //页面跳转
        goPage(name){
            this.$router.replace({
                name: name
            })
        }
    }
}
</script>

<style scoped>
.page-wrap{
    
}
.page-wrap > .content-box{
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-wrap > .content-box .bg-box{
    background-image: url(@/assets/images/error_404.jpg);
    width: 560px;
    height: 540px;
}
.page-wrap > .content-box > .right-box h2{
    height: 80px;
    line-height: 80px;
}
</style>